<script setup lang="ts">

</script>

<template>
  <div class="shimmer">Spellai</div>
</template>

<style scoped>
.shimmer {
  user-select: none;
  font-size: 36px;
  font-weight: bold;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  background-size: 200% 100%;
  background-clip: text;
  color: transparent;
  animation: textShimmer 2s linear infinite;
}

@keyframes textShimmer {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}

</style>